<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/layouts/default.xhtml">
	<ui:define name="title">#{text['eleveDetail.title']}</ui:define>
	<ui:param name="menu" value="EleveMenu" />
	<ui:param name="menuleft" value="ElevesMenu"/>
	<ui:param name="menudetailtop" value="EleveDetailMenu"/>
	<ui:param name="menudetaileleve" value="EleveDetailMenu"/>
	<ui:param name="menudetail" value="EleveDetailMenu"/>

	<ui:define name="body">
		<div class="row">
			<ui:include src="/common/eleve-detail-top.xhtml"/>
		</div>
		<div class="col-sm-12">
			<h:form id="eleveForm">
				<div class="form-group">
					<h:inputHidden value="#{paiementController.paiement.eleve.id}" id="id" />
				</div>
					
				<div class="row">
					<div class="col-lg-12">
						<div class="page-header">
								<h3>#{text['eleveForm.inscription']}</h3>
						</div>
						<div class="well">
							<div class="row">
								<div class="col-sm-4">
									<blockquote>
										<h:outputLabel styleClass="control-label" for="dateInscription" value="#{text['eleve.dateInscription']}" />
										<footer>
											<h:outputText id="dateInscription" value="#{paiementController.paiement.eleve.dateInscription}" escape="true">
												<f:convertDateTime pattern="#{text['date.format']}" />
											</h:outputText>
										</footer>
									</blockquote>
								</div>
								
								<div class="col-sm-4">
									<blockquote>
										<h:outputLabel styleClass="control-label" for="numeroInscription" value="#{text['eleve.numeroInscription']}" />
										<footer>
											<h:outputText id="numeroInscription" value="#{paiementController.paiement.eleve.numeroInscription}" escape="true"/>
										</footer>
									</blockquote>
								</div>
								
								<div class="col-sm-4">
									<blockquote>
										<h:outputLabel styleClass="control-label" for="numeroInscriptionNational" value="#{text['eleve.numeroInscriptionNational']}" />
										<footer>
											<h:outputText id="numeroInscriptionNational" value="#{paiementController.paiement.eleve.numeroInscriptionNational}" escape="true"/>
										</footer>
									</blockquote>
								</div>
							
							</div>
							
							<div class="row">
								<div class="col-sm-4">
									<blockquote>
										<h:outputLabel styleClass="control-label" for="classe" value="#{text['eleve.classe']}" />
										<footer>
											<h:outputText id="classe" value="#{paiementController.paiement.eleve.groupe.classe.nomClasse}" escape="true"/>
										</footer>
									</blockquote>
								</div>
								
								<div class="col-sm-4">
									<blockquote>
										<h:outputLabel styleClass="control-label" for="ordreClasse"	value="#{text['eleve.ordreClasse']}" />
										<footer>
											<h:outputText id="ordreClasse" value="#{paiementController.paiement.eleve.ordreClasse}" escape="true"/>
										</footer>
									</blockquote>
								</div>
							
							</div>
							
							<div class="row">
								<div class="col-sm-4">
									<blockquote>
										<h:outputLabel styleClass="control-label" for="paiementMensuel"	value="#{text['eleve.paiementMensuel']}" />
										<footer>
											<h:outputText id="paiementMensuel" value="#{paiementController.paiement.eleve.paiementMensuel}" escape="true"/>
										</footer>
									</blockquote>
								</div>
								
								<div class="col-sm-4">
									<blockquote>
										<h:outputLabel styleClass="control-label" for="paiementTransport" value="#{text['eleve.paiementTransport']}" />
										<footer>
											<h:outputText id="paiementTransport" value="#{paiementController.paiement.eleve.paiementTransport}" escape="true"/>
										</footer>
									</blockquote>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div  class="row">
					<div class="page-header">
						<h3>#{text['eleveForm.information']}</h3>
					</div>
				
					<div class="well">
						<div class="row">
							<div class="col-sm-3">
								<blockquote>
									<h:outputLabel styleClass="control-label" for="nom" value="#{text['eleve.nom']}" />
									<footer>
										<h:outputText id="nom" value="#{paiementController.paiement.eleve.nom}" escape="true"/>
									</footer>
								</blockquote>
							</div>
							
							<div class="col-sm-3" >
								<blockquote class="pull-right">
									<h:outputLabel styleClass="control-label" for="nomAr" value="#{text['eleve.nomAr']}" />
									<footer>
										<h:outputText id="nomAr" value="#{paiementController.paiement.eleve.nomAr}" escape="true"/>
									</footer>
								</blockquote>
							</div>

							<div class="col-sm-3">
								<blockquote>
									<h:outputLabel styleClass="control-label" for="prenom" value="#{text['eleve.prenom']}" />
									<footer>
										<h:outputText id="prenom" value="#{paiementController.paiement.eleve.prenom}" escape="true"/>
									</footer>
								</blockquote>
							</div>
							
							<div>
								<div class="col-sm-3">
									<blockquote class="pull-right">
										<h:outputLabel styleClass="control-label" for="prenomAr" value="#{text['eleve.prenomAr']}" />
										<footer>
											<h:outputText id="prenomAr" value="#{paiementController.paiement.eleve.prenomAr}" escape="true"/>
										</footer>
									</blockquote>
								</div>
							</div>
						</div>
						
						<div class="row">
							<div class="col-sm-3">
								<blockquote>
									<h:outputLabel styleClass="control-label" for="lieuNaissance" value="#{text['eleve.lieuNaissance']}" />
									<footer>
										<h:outputText id="lieuNaissance" value="#{paiementController.paiement.eleve.lieuNaissance}" escape="true"/>
									</footer>
								</blockquote>
							</div>
							
							<div class="col-sm-3">
								<blockquote class="pull-right">
									<h:outputLabel styleClass="control-label" for="lieuNaissanceAr" value="#{text['eleve.lieuNaissanceAr']}" />
									<footer>
										<h:outputText id="lieuNaissanceAr" value="#{paiementController.paiement.eleve.lieuNaissanceAr}" escape="true"/>
									</footer>
								</blockquote>
							</div>
							
							<div class="col-sm-3">
								<blockquote>
									<h:outputLabel styleClass="control-label" for="genre" value="#{text['eleve.genre']}" />
									<footer>
										<h:outputText id="genre" value="#{paiementController.paiement.eleve.genre.genre}" escape="true"/>
									</footer>
								</blockquote>
							</div>

							<div class="col-sm-3">
								<blockquote class="pull-right">
									<h:outputLabel styleClass="control-label" for="dateNaissance" value="#{text['eleve.dateNaissance']}" />
									<footer>
										<h:outputText id="dateNaissance" value="#{paiementController.paiement.eleve.dateNaissance}" escape="true">
											<f:convertDateTime pattern="#{text['date.format']}" />
										</h:outputText>
									</footer>
								</blockquote>
							</div>
						</div>
						
					</div>

					<div class="page-header">
						<h3>#{text['eleveForm.contact']}</h3>
					</div>
					<div class="well">
						<div class="row">
							<div class="col-sm-4 form-group">
								<blockquote>
									<h:outputLabel styleClass="control-label" for="telephoneParent" value="#{text['eleve.telephoneParent']}" />
									<footer>
										<h:outputText id="telephoneParent" value="#{paiementController.paiement.eleve.telephoneParent}" escape="true"/>
									</footer>
								</blockquote>
							</div>

							<div class="col-sm-4 form-group">
								<blockquote>
									<h:outputLabel styleClass="control-label" for="emailParent" value="#{text['eleve.emailParent']}" />
									<footer>
										<h:outputText id="emailParent" value="#{paiementController.paiement.eleve.emailParent}" escape="true"/>
									</footer>
								</blockquote>
							</div>

							<div class="col-sm-4 form-group">
								<blockquote>
									<h:outputLabel styleClass="control-label" for="emailEleve" value="#{text['eleve.emailEleve']}" />
									<footer>
										<h:outputText id="emailEleve" value="#{paiementController.paiement.eleve.emailEleve}" escape="true"/>
									</footer>
								</blockquote>
							</div>
						</div>
						
						<div class="row">
							<div class="col-sm-6 form-group">
								<blockquote>
									<h:outputLabel styleClass="control-label" for="adresse" value="#{text['eleve.adresse']}" />
									<footer>
										<h:outputText id="adresse" value="#{paiementController.paiement.eleve.adresse}" escape="true"/>
									</footer>
								</blockquote>
							</div>
							
							<div class="col-sm-6 form-group">
								<blockquote class="pull-right">
									<h:outputLabel styleClass="control-label" for="adresseAr" value="#{text['eleve.adresseAr']}" />
									<footer>
										<h:outputText id="adresseAr" value="#{paiementController.paiement.eleve.adresseAr}" escape="true"/>
									</footer>
								</blockquote>
							</div>
						</div>
					</div>
				</div>
			</h:form>
		</div>
	</ui:define>
</ui:composition>
</html>